// ES6导入模板的写法 和commonJS不一样

import Vue from 'vue' // 直接写名字的是来自node_modules的包
// App.vue称之为跟组件
import App from './App.vue'

Vue.config.productionTip = false

import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'

Vue.use(ElementUI)//Vue.prototype.$message = ElementUI中的message组件       

// 导入路由对象
import router from "./router"
// 在vue的原型上挂载一个$axios
import axios from 'axios';
axios.defaults.baseURL="http://127.0.0.1:8888/api/private/v1/";
Vue.prototype.$axios = axios;

// 添加请求拦截器,可以在请求真正发送出去之前
axios.interceptors.request.use(function (config) {
  // 在发送请求之前做些什么
  config.headers.Authorization=localStorage.getItem("mytoken")
  
  return config;
}, function (error) {
  // 对请求错误做些什么
  return Promise.reject(error);
});

/**
 * 使用根实例,去渲染跟组件到id=app的地方
 */
new Vue({
  // 渲染根组件,让用户在浏览器中能看到
  render: h => h(App),
  router //注入到根实例
}).$mount('#app')

